<template>
	<view>
		<cu-custom bgColor="bg-gradual-pink" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">修改密码</block>
		</cu-custom>
		<form>
			<view class="cu-form-group">
				<view class="title">旧密码</view>
				<input placeholder="旧密码" name="input" v-model="myFormData.oldpassword" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title">新密码</view>
				<input placeholder="新密码" name="input" v-model="myFormData.password" ></input>
			</view>
			<view class="cu-form-group">
				<view class="title">确认新密码</view>
				<input placeholder="确认新密码" name="input" v-model="myFormData.qpassword" ></input>
			</view>
			<view class="padding flex flex-direction">
				<button class="cu-btn bg-blue lg"  @click="onSubmit">提交</button>
			</view>
			<!-- <view class="cu-form-group">
				<view class="title">姓名</view>
				<input placeholder="请输入姓名" name="input" v-model="myFormData.realname"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">用户名</view>
				<input placeholder="用户名" name="input" v-model="myFormData.username" disabled></input>
			</view>
			<view class="cu-form-group">
				<view class="title">头像</view>
				<view class="grid col-4 grid-square flex-sub">
					<view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage" :data-url="imgList[index]">
					 <image :src="imgList[index]" mode="aspectFill"></image>
						<view class="cu-tag bg-red radius" @tap.stop="DelImg" :data-index="index">
							<text class='cuIcon-close'></text>
						</view>
					</view>
					<view class="solids" @tap="ChooseImage" v-if="imgList.length<1">
						<text class='cuIcon-cameraadd'></text>
					</view>
				</view>
			</view>
			
			<view class="cu-form-group margin-top">
				<view class="title">性别</view>
				<switch class='switch-sex' @change="SwitchC" :class="switchC?'checked':''" :checked="switchC?true:false"></switch>
			</view>
			
			
			
			<view class="cu-form-group margin-top">
				<view class="title">手机号码</view>
				<input placeholder="输入手机号码" name="input" v-model="myFormData.phone"></input>
				<view class="cu-capsule radius">
					<view class='cu-tag bg-blue '>
						+86
					</view>
					<view class="cu-tag line-blue">
						中国大陆
					</view>
				</view>
			</view>
			<view class="cu-form-group">
				<view class="title">邮箱</view>
				<input placeholder="输入邮箱" name="input"  v-model="myFormData.email"></input>
			</view>
			<view class="padding flex flex-direction">
				<button class="cu-btn bg-blue lg"  @click="onSubmit">提交</button>
			</view> -->
		</form>
	</view>
</template>

<script>
	import md5 from 'md5'
	export default {
		data() {
			return {
				index: -1,
				switchC: true,
				imgList: [],
				uploadUrl:"/sys/common/upload",
				myFormData:{
					oldpassword:'',
					password:'',
					userId:''
				},
			};
		},
		onLoad() {
	// 		console.log("this.$Route.query",this.$Route.query);
	// 		let query=this.$Route.query
	// 		if(query){
	// 			this.myFormData=query;
	// 			if(this.myFormData.sex=='女'){
	// 			  this.switchC = false
	// 			}else if(this.myFormData.sex=='男'){
	// 			  this.switchC = true
	// 			}
	// 			if(this.myFormData.avatar){
	// 			  this.imgList=[this.myFormData.avatar]
	// 			}
	// 			if(!this.myFormData.birthday){
	// 			  this.myFormData.birthday= '无'
	// 			}
	// 			if(this.myFormData.identity=='普通成员'){
	// 			  this.myFormData.identity = 1
	// 			}else if(this.myFormData.identity=='上级'){
	// 			  this.myFormData.identity = 2
	// 			}
	// 			if(this.myFormData.status=='正常'){
	// 			  this.myFormData.status = 1
	// 			}else if(this.myFormData.status=='冻结'){
	// 			  this.myFormData.status = 2
	// 			}
	// 			 this.Avatar=this.myFormData.avatar
	
	// 			Object.keys(this.myFormData).map(key=>{
	// 			  if(this.myFormData[key]=='无'){
	// 				this.myFormData[key] = ''
	// 			  }
	// 			})
	// 			console.log("this.myFormData",this.myFormData)
	// 		}
		},
		methods: {
			onSubmit() {
			  let myForm = {}
			 //  let checkPhone = new RegExp(/^[1]([3-9])[0-9]{9}$/);
			 //  let checkEmail = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
			 //  console.log("myForm",myForm)
			 //  if(!myForm.phone || myForm.phone.length==0){
				// this.$tip.alert('请输入手机号');
				// return false
			 //  }
			 //  if(!checkPhone.test(myForm.phone)){
				// this.$tip.alert('请输入正确的手机号');
				// return false 
			 //  }
			 //  if(!checkEmail.test(myForm.email)){
				// this.$tip.alert('请输入正确的邮箱地址');
				// return false
			 //  }
				 if(!this.myFormData.oldpassword || this.myFormData.oldpassword.length==0){
					this.$tip.alert('请输入旧密码');
					return false
				  }
				 if(!this.myFormData.password || this.myFormData.password.length==0){
					this.$tip.alert('请输入新密码');
					return false
				  }
				 if(!this.myFormData.qpassword || this.myFormData.qpassword.length==0){
					this.$tip.alert('请输入确认新密码');
					return false
				  }
				if(this.myFormData.password!=this.myFormData.qpassword){
					this.$tip.alert('两次新密码不一致！');
					return false
				 }
				myForm.userId = this.$store.getters.userid
			    myForm.oldpassword = md5(this.myFormData.oldpassword)
				myForm.password = md5(this.myFormData.password)
				myForm.qpassword = md5(this.myFormData.password)
				
				console.log('myform',JSON.stringify(myForm))
				this.$tip.loading();
				this.$http.put('/user/updatePwd',myForm).then(res=>{
					console.log(JSON.stringify(res))
					this.$tip.loaded();
					if (res.data.code==200){
						this.$tip.toast(res.data.data.message)
						// this.$Router.replace({name:'userdetail'})
					}
				}).catch(()=>{
					this.$tip.loaded();
					this.$tip.error('提交失败')
				});
			},
			DateChange(e) {
				// this.myFormData.birthday = e.detail.value
			},
			SwitchC(e) {
				// this.switchC = e.detail.value
			},
			ChooseImage() {
				// var that=this;
				// uni.chooseImage({
				// 	count: 4, //默认9
				// 	sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				// 	sourceType: ['album'], //从相册选择
				// 	success: (res) => {
				// 		that.$http.upload(that.$config.apiUrl+that.uploadUrl, {
				// 				filePath: res.tempFilePaths[0],
				// 				name: 'file'
				// 			})
				// 			.then(res => {
				// 				that.myFormData.avatar=res.data.message;
				// 			})
				// 			.catch(err => {
				// 				that.$tip.error(err.data.message)
				// 			});
				// 		this.imgList = res.tempFilePaths
				// 	}
				// });
			},
			ViewImage(e) {
				// uni.previewImage({
				// 	urls: this.imgList,
				// 	current: e.currentTarget.dataset.url
				// });
			},
			DelImg(e) {
				// uni.showModal({
				// 	title: '召唤师',
				// 	content: '确定要删除这段回忆吗？',
				// 	cancelText: '再看看',
				// 	confirmText: '再见',
				// 	success: res => {
				// 		if (res.confirm) {
				// 			this.imgList.splice(e.currentTarget.dataset.index, 1)
				// 		}
				// 	}
				// })
			}
		}
	}
</script>

<style>
	.cu-form-group .title {
		min-width: calc(4em + 15px);
	}
</style>
